<template>
  <div class="guanzhugongzhonghao">
      <div class="img">
        <img :src="`${fileBaseUrl}${upUrl?upUrl:defaultImg}`" alt="">
      </div>
      <div class="title">公告标题</div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  props: {
    module: {
      type: Object,
    },
    fileBaseUrl: {
      type: String,
    },
  },
  computed: {
    ...mapGetters(["activePageForm", "fileBaseUrl"]),
  },
  data(){
    return{
      upUrl:'',
      defaultImg:'/img/canyin/affiche_bg.png'
    }
  },
  mounted(){
    this.upUrl = this.module.biz.params.imageUrl
  }
};
</script>

<style lang="scss" scoped>
  .guanzhugongzhonghao{
    margin: 0 16px;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    .img{
      width: 32px;
      height: 32px;
    }
    .title{
      font-size: 14px;
      margin-left: 10px;
    }
  }
</style>